// JavaScript Document
$(document).ready(function() {
	$('a.window').click(function() {
		var loginBox = $(this).attr('href');
		$(loginBox).fadeIn(300);
		 
		var popMargTop = ($(loginBox).height() - 150) / 2; 
		var popMargLeft = ($(loginBox).width() -0 ) / 2; 
		
		$(loginBox).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		$('body').append('<div id="mask"></div>');
		$('#mask').fadeIn(300);
		$('#mask').click(function() { 
			  $('a.close').click();
        });
		return false;
	});
	$('a.close , .cancel').bind('click', function() { 
			  $('#mask , .window-popup').fadeOut(300 , function() {
				$('#mask').remove();  
			  }); 
			  return false;
    });
});